<div class="wrapper">

    <ul class="clearfix">
        <#--<#list destExtend as de>-->
        <#list pageInfo.list as de>
            <li class="item">
                <div class="img">
                    <a href="/destination/guide?id=${de.id}" target="_blank"><img height="200" width="320"
                                                                src="${(de.headImgUrl)!}"
                                                                style="display: inline;">
                        <div class="title">${de.destination.name}</div>
                    </a>
                </div>
                <div class="info">
                    <p class="detail">${(de.destination.info)!"没有介绍信息哦~"}</p>
                    <div class="hot" id="dest_hot_sight_${de.id}">
                        <span class="label">TOP3</span>
                        <#--<a href="javascript:;" target="_blank">蓝梦岛</a>-->
                        <#--<span class="divide"></span>-->
                        <#--<a href="javascript:;" target="_blank">库塔海滩</a>-->
                        <#--<span class="divide"></span>-->
                        <#--<a href="javascript:;" target="_blank">情人崖</a>-->
                    </div>
                    <script>
                        $.get("/sight/getSightByDestId",{id:${de.id}},function (data) {
                            var div = "";
                            for(i = 0 ; i < data.length; i++){
                                div += '<a href="/这里填景点明细的接口地址?sightId='+data[i].id+'" target="_blank">'+ data[i].name +'</a> <span class="divide"></span>';
                            }
                            console.log(div);
                            $("#dest_hot_sight_${de.id}").append(div);
                        })
                    </script>
                <#--<div class="line"><a href="javascript:;" target="_blank"><em>1</em>巴厘岛新晋网红5日线路</a></div>-->
                </div>
            </li>
        </#list>
    </ul>

<#--主题分页-->
<#--<div>-->
    <div style="float: right">
        <div style="float: left;"><span
                style="line-height:30px"> 共${pageInfo.pages}页 / ${pageInfo.total}条&nbsp;&nbsp;&nbsp;</span></div>
        <div id="pagination" class="jq-pagination" style="display: inline;"></div>
    </div>
    <script>
        $("#pagination").jqPaginator({
                    totalPages: ${pageInfo.pages} || 1,
                visiblePages
        :
        5,
                currentPage
        : ${pageInfo.pageNum}||
        1,
                prev
        :
        '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                next
        :
        '<a class="next" href="javascript:void(0);">下一页<\/a>',
                page
        :
        '<a href="javascript:void(0);">{{page}}<\/a>',
                last
        :
        '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                onPageChange
        :
        function (page, type) {
            if (type == 'change') {
//            $("#currentPage").val(page);
//            $("#searchForm").submit();
                var themeId = localStorage.getItem("themeId");
                $.get("/destination/queryDests", {themeId: themeId, currentPage: page}, function (data) {
                    $(".destination-content").html(data);
                })
            }
        }
        })
    </script>

</div>

